<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>员工管理</title>
    <!--css-->
    <link href="/plugins/layui-v2.3.0/layui/css/layui.css" rel="stylesheet"/>
    <link href="/css/common/common.css" rel="stylesheet"/>
</head>
<body>

<div style="padding: 20px; background-color: #F2F2F2;">

    <!--搜索框容器-->
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-form-item search-bar">
                <div class="layui-inline">
                    <label class="layui-form-label">搜索条件：</label>
                    <div class="layui-input-inline">
                        <input type="text" id="user_name_search_text" class="layui-input" placeholder="请输入用户名">
                    </div>
                    <div class="layui-input-inline">
                        <button class="layui-btn" id="user_search_btn">搜索</button>
                        <button type="reset" class="layui-btn layui-btn-primary" id="reset_search_btn">重置</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--数据表容器-->
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-input-inline">
                <button class="layui-btn" id="add_user_btn">
                    <i class="layui-icon">&#xe608;</i> 添加
                </button>
            </div>
            <div class="layui-form-item search-bar">
                <table class="layui-table" id="user_table" lay-filter="user"></table>
            </div>
            <!--分页组件容器-->
            <div id="user_page_content"></div>
        </div>
    </div>

</div>

<!--toolbar-->
<script type="text/html" id="user_table_tool_bar">
    <a class="layui-btn layui-btn-xs" lay-event="editUserInfo">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delUserInfo">删除</a>
</script>

<!--form-content-->
<div id="user_form_content" class="form-content">
    <form class="layui-form" action="return false">
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>用户名</label>
            <div class="layui-input-block">
                <input id="user_name" type="text" placeholder="请输入用户名" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>邮箱</label>
            <div class="layui-input-block">
                <input id="user_email" type="email" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>手机</label>
            <div class="layui-input-block">
                <input id="user_phone" type="text" placeholder="请输入手机号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>密码</label>
            <div class="layui-input-block">
                <input id="user_password" type="password" placeholder="请输入6~15位的密码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>确认密码</label>
            <div class="layui-input-block">
                <input id="user_password_repeat" type="password" placeholder="请输入确认密码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>所属部门</label>
            <div class="layui-input-block">
                <select id="user_depart_id" lay-search>

                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>是否为部门管理员</label>
            <div class="layui-input-block">
                <select id="user_is_manager" lay-search>
                    <option value="0">是</option>
                    <option value="1" selected>否</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">绑定OA系统账号</label>
            <div class="layui-input-block">
                <input id="user_band_oa_account" type="text" placeholder="请输入绑定OA系统账号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea id="remark" name="remark" placeholder="请输入备注信息" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>状态</label>
            <div class="layui-input-block">
                <select id="remove_tag">
                    <option value="0">启用</option>
                    <option value="1">禁用</option>
                </select>
            </div>
        </div>
    </form>
</div>

<!--edit-form-content-->
<div id="user_edit_form_content" class="form-content">
    <form class="layui-form" action="return false">
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>用户名</label>
            <div class="layui-input-block">
                <input id="user_edit_name" type="text" placeholder="请输入用户名" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>邮箱</label>
            <div class="layui-input-block">
                <input id="user_edit_email" type="email" placeholder="请输入邮箱" autocomplete="off" class="layui-input" disabled>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>手机</label>
            <div class="layui-input-block">
                <input id="user_edit_phone" type="text" placeholder="请输入手机号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>所属部门</label>
            <div class="layui-input-block">
                <select id="user_edit_depart_id" lay-search>

                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>是否为部门管理员</label>
            <div class="layui-input-block">
                <select id="user_edit_is_manager" lay-search>
                    <option value="0">是</option>
                    <option value="1">否</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">绑定OA系统账号</label>
            <div class="layui-input-block">
                <input id="user_edit_band_oa_account" type="text" placeholder="请输入绑定OA系统账号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea id="edit_remark" name="remark" placeholder="请输入备注信息" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>状态</label>
            <div class="layui-input-block">
                <select id="edit_remove_tag">
                    <option value="0">启用</option>
                    <option value="1">禁用</option>
                </select>
            </div>
        </div>
    </form>
</div>

<!--js-->
<script src="/plugins/jquery/jquery-2.2.4.min.js"></script>
<script src="/plugins/layui/dist/lay/modules/layer.js"></script>
<script src="/plugins/layui-v2.3.0/layui/layui.js"></script>
<script src="/js/common/sinoUtil.js"></script>
<script src="/js/system/companyUser.js"></script>
</body>
</html>